<!DOCTYPE html>
<html>

<head>
	<meta charset="UTF-8" />
	<title>广州市澳凯家具有限公司</title>
	<meta name="keywords" content="家具，设计，广州市澳凯">
	<meta name="description" content="致力於引領辦公家具潮流的廣州市澳凱家具有限公司是一家集專業研發設計，生產製造，銷售與服務於一體的現代企業，工廠座落於享有中國家具之都之稱的廣州市。">
	<meta name='author' content='网站建设：智杰科技'>
	<meta name='viewport' content='width=1440' />
	<meta http-equiv="Cache-Control" content="no-transform" />
	<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
	<link href="./css/build/public.css" rel="stylesheet" type="text/css" />
	<link href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/3.4.2/css/swiper.min.css" rel="stylesheet">
	<link rel="stylesheet" href="./css/build/project_details.css">

</head>

<body>
	<div class="main pagebox">
		<div class="nav-wrap" id="publicNav"></div>
		<div id="c_breadcrumb_nav-15226629461824292" class="c_breadcrumb_nav-02001">
			<div class="e_box e_box-000 p_breadcrumbList" data-ename="面包屑导航">
				<div class="e_breadcrumb e_breadcrumb-001 p_breadcrumbFirst ">
					<a href="/">
						<div class="font">
							<i class="iconfont before"></i>
							<span class="i_homePage">首页</span>
						</div>
					</a>
				</div>
				<div class="e_title e_GuideLabel-001 p_end  ">
					<div class="font">
						<i class="iconfont"></i>
						<span class="i_separator">></span>
					</div>
				</div>
				<div class="e_breadcrumb e_breadcrumb-001 p_breadcrumb">
					<a href="projects.html">
						<div class="font">
							<i class="iconfont before"></i>
							<span>案例赏析</span>
							<i class="iconfont after"></i>
						</div>
					</a>
				</div>
				<div class="e_title e_GuideLabel-001 p_end  ">
					<div class="font">
						<i class="iconfont"></i>
						<span class="i_separator">></span>
					</div>
				</div>
				<div class="e_breadcrumb e_breadcrumb-000 p_breadcrumbCurrent">
					<div class="font">
						<i class="iconfont before"></i>
						<span class="projectName"></span>
						<i class="iconfont after"></i>
					</div>
				</div>
			</div>
		</div>
		<div id="c_news_detail-1521108268739" class="c_news_detail-01001">
			<div class="e_stylebox e_ContentOrdinaryStyleBox-001 p_stylebox" id="">
				<div class="stylebox_top">
					<div class="stylebox_title">
						<h2 class="title_main">案例赏析</h2>

					</div>
				</div>
				<div class="stylebox_top_line"></div>
				<div class="stylebox_content">
					<div class="e_box e_articles-001 p_NewsDetail ">
						<div class="e_box e_box-001 p_news">
							<div class="e_box e_box-000 p_AssistInfo">
								<div class="e_box e_box-000 p_about">
									<!--分类-->
									<!--作者-->
									<!--来源-->
									<!--发布时间-->
								</div>
								<div class="e_box e_box-000 p_InteractionInfo">
									<!--浏览量-->
									<!--   -->
									<!--评论-->
									<!--分享-->
									<!--   -->
									<!--分享 结束-->
								</div>
							</div>
							<!--正文内容-->
							<div class="swiper-box">
								<div class="swiper-container gallery-top">
									<div class="swiper-wrapper" id="projectSwiper">
									</div>
									<!-- Add Arrows -->
									<div class="swiper-button-next">
										<div class="swiper-btn">
											<i class="iconfont"></i>
										</div>
									</div>
									<div class="swiper-button-prev">
										<div class="swiper-btn">
											<i class="iconfont"></i>
										</div>
									</div>
								</div>
								<div class="thumbs-box">
									<div class="swiper-container gallery-thumbs">
										<div class="swiper-wrapper" id="projectThumb">
										</div>
									</div>
								</div>
							</div>

							<article class="e_HtmlEditor e_HtmlEditor-001 p_articles">
								<div id="descriptionContent_news_detail-1521108268739" class="resetHtmlCssStyle">
									<div class="reset_style js-reset_style js-adapMobile ">
										<p style="text-align: center;">
											<span style="font-size:20pt;">
												<strong class="projectName"></strong>
											</span>
										</p>
										<p></p>
									</div>
								</div>
							</article>
							<div class="e_box e_box-000 p_assist"></div>
							<!--end-->
							<div class="e_line e_ArticleHline-001 p_ArticleHline"></div>
							<!--上一页下一页-->
							<div class="e_box e_box-000  p_PrevAndNext   ">
								<div class="e_box e_box-000  p_previewBox">
									<div class="e_title e_name-001 p_nameD ">
										<div class="font">
											<i class="iconfont"></i>
											<span class="i_pageChangeUpTitle">
												<</span>
										</div>
									</div>
									<a id="nextNewsBtn" class="e_link e_link-000 p_LinkC">
										<div class="e_title e_MinorLink-001 p_PreviewTitle">
											<div class="font"></div>
										</div>
									</a>
								</div>
								<div class="e_box e_box-000  p_nextBox">
									<a id="prevNewsBtn" class="e_link e_link-000 p_LinkD">
										<div class="e_title e_MinorLink-001 p_PreviewTitle">
											<div class="font"></div>
										</div>
									</a>
									<div class="e_title  e_name-001 p_nameE ">
										<div class="font">
											<i class="iconfont"></i>
											<span class="i_pageChangeDownTitle">></span>
										</div>
									</div>
								</div>
							</div>
							<!--上一页下一页end-->
						</div>
					</div>
				</div>
				<div class="stylebox_bottom_line"></div>
				<div class="stylebox_bottom"></div>
			</div>
		</div>
	</div>
	<div class="footer-wrap" id="publicFooter"></div>
	<script src="js/jquery.min.js"></script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/3.4.2/js/swiper.min.js"></script>
	<script src="./js/public.js"></script>
	<script>
		var galleryThumbs,galleryTop;
		function intSwiper (preView) {
			galleryThumbs = new Swiper('.gallery-thumbs', {
				spaceBetween: 8,
				slidesPerView: preView < 8 ? preView : '8',
				slideToClickedSlide: true,
				onClick: function (swiper) {
					galleryTop.slideTo(galleryThumbs.clickedIndex + 1)
					thumbsGoActive(galleryThumbs.clickedIndex)
				}
			});
			galleryTop = new Swiper('.gallery-top', {
				loop: true,
				nextButton: '.swiper-button-next',
				prevButton: '.swiper-button-prev',
				onlyExternal: true,
				effect: 'fade',
				onInit: function (swiper) {
					thumbsGoActive(swiper.realIndex)
				},
			});
		}
		function thumbsGoActive(index) {
			$(".gallery-thumbs .thumbs-active").removeClass('thumbs-active')
			$(".gallery-thumbs .swiper-slide").eq(index).addClass('thumbs-active')
			galleryThumbs.slideTo(index)
		}
		function getDetail () {
			var id = getQueryString('id')
			if (!id) {
				alert('文章不存在！')
				window.location.href = 'index.html'
			}
			$.ajax({
				type: 'POST',
				url: ajaxUrlObj['GET_CASES_DETAIL'],
				data: {id:id},
				success: function(rep){
					if (typeof rep === 'string') {
						rep = JSON.parse(rep)
					}
					if (rep.code == 1){
						rep = JSON.parse(rep.data)
						var data = rep.data ? rep.data : rep
						var str = '';
						var strThumb = '';
						for(var i =0,l = data.caseImageList.length;i<l;i++){
							str+='<div class="swiper-slide"><img src="'+host+data.caseImageList[i].imageUrl+'"></div>'
							strThumb+='<div class="swiper-slide"> <div class="thumbs-outer"> <img src="'+host+data.caseImageList[i].imageUrl+'"> </div> </div>'
						}
						$("#projectSwiper").html(str);
						$("#projectThumb").html(strThumb);
						$(".projectName").html(data.caseName)
						$(".gallery-thumbs").width(64*data.caseImageList.length)
						intSwiper(data.caseImageList.length)
						if (rep.nextPage > 0 ) {
							$("#nextNewsBtn").attr("href",'project_details.html?id='+rep.nextPage).find(".font").html(rep.nextName)
						} else {
							$(".p_nextBox").hide()
						}
						if (rep.lastPage > 0 ) {
							$("#prevNewsBtn").attr("href",'project_details.html?id='+rep.lastPage).find(".font").html(rep.lastName)
						} else {
								$(".p_previewBox").hide()
						}
						if (data.seo) {
							$("title").html(data.seo.title)
							$('meta[name="keywords"]').attr("content",data.seo.keyword)
							$('meta[name="description"]').attr("content",data.seo.descs)
						}
						$("#publicFooter").css('top',$(document).height()+'px')
					}
				},
				error: function(error){
					console.log(error)
					errorCb && errorCb(error)
				}
			});
		}
		getDetail()
		$(window).ready(function () {
			$(".swiper-button-prev").on("click", function () {
				galleryTop.slidePrev()
				thumbsGoActive(galleryTop.realIndex)
			})
			$(".swiper-button-next").on("click", function () {
				galleryTop.slideNext()
				thumbsGoActive(galleryTop.realIndex)
			})
		})
	</script>
</body>

</html>